import Vue from 'vue'
import VueRouter from 'vue-router'


Vue.use(VueRouter)

const routes = [
 
  {
    path: "/",  // 定义路由路径
    name: "Main",   // 定义路由名字
    component: () => import ("../views/Main.vue"),   // 定义该路由映射到哪个页面
    // 二级路由子路由  首页  我的
    children:[
      {
        path: "/home",  // 定义路由路径
        alias: "",      // 定义别名
        name: "Home",   // 定义路由名字
        component: () => import ("../views/Home.vue"),   // 定义该路由映射到哪个页面
        // // 三级路由
        // children:[]
      },
      {
        path: "/my",  
        name: "My",   
        component: () => import ("../views/My.vue") 
      },
      {
        path: "/shopbag",  
        name: "Shopbag",  
        component: () => import ("../views/Shopbag.vue")   
      },
      {
        path: "/order", 
        name: "Order",   
        component: () => import ("../views/Order.vue")   
      },
    
    ]
  },
  {
    path: "/login",  // 定义路由路径
    name: "Login",   // 定义路由名字
    component: () => import ("../views/Login.vue")   // 定义该路由映射到哪个页面
  },

  {
    path: "/detail/:pid",  // 定义路由路径
    name: "Detail",   // 定义路由名字
    component: () => import ("../views/Detail.vue")   // 定义该路由映射到哪个页面
  },

  {
    path: "/pay",  // 定义路由路径
    name: "Pay",   // 定义路由名字
    component: () => import ("../views/Pay.vue")   // 定义该路由映射到哪个页面
  },
  {
    path: "/Morder",  // 定义路由路径
    name: "Morder",   // 定义路由名字
    component: () => import ("../views/Morder.vue")   // 定义该路由映射到哪个页面
  },
  {
    path: "/newAddress",  // 定义路由路径
    name: "NewAddress",   // 定义路由名字
    component: () => import ("../views/NewAddress.vue")   // 定义该路由映射到哪个页面
  },




  // 重定向  等等
  {
    path:'/',  //  *  就是访问的链接不是上面的任何一个  就是会跳转到你重定向的网页
    // 当我们访问 http://localhost:8080/ 自动跳转到 Home页面
    redirect:{
      name:"Home"
    }
  }
]

const router = new VueRouter({
  routes
})

export default router
